<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>

<style>
body{text-align: center;}

.a1{
	width: 400px;
	height: 20px;
	border: 1px solid #ccc;
	margin-top:20px;
	text-align: center;}
.a2{
	font-size: 12px;}
.a3{
     margin-left: 60px;
	font-size: 12px;}

.b{
	width: 732px;
	height: 600px;
	border: 1px solid #ccc;
	margin-left: 583px;
}

.c{
	margin-left: 583px;
	width: 732px;
	height: 20px;
	border: 1px solid #ccc;
	background: #00CCFF;
}
.c span{
	font-size: 4px;
	text-align: left;
	margin-right: 240px;
	}

.b span{
	font-size: 5px;
	margin: 5px;
	
}

.b1{
	margin-left: 50px;
	border: 1px solid #ccc;
	border-right: 1px #ccc solid;
	width: 280px;
	height:20px;}
.b2{
	
	width: 70px;
	height: 20px;
	background: #ccc;
	
}


/*.b3{border: 1px solid #ccc;
    width: 250px;
	height:18px;
    margin: 3px;}
.b3 li{
float: left;
list-style: none;
font-size: 12px;
margin: 3px;

}*/
.d{
	text-align: left;
	margin:left;
}

.d1{
	font-size: 8px;
    color: #ccc;
    margin-left: 15px;}

</style>


<body>


<div class="a">
<img class="a1" src="img/1.jpg"/">

|<span class="a2">中国第一大电子邮箱服务商</span>

<span class="a3"><a href="">了解更多</a>|<a href="">反馈意见</a></span>
</div>

<div class="c">
	<span>欢迎注册无限量容量的网易邮箱！邮箱地址可以登录使用其他网易旗下产品。</span>
</div>

<div class="b">

<p class="b1"><span class="b2">注册字母邮箱</span>|<span>注册手机号码邮箱</span>|<span>注册VIP邮箱</span></p>

<!-- <ul class="b3">
<li>注册字母邮箱</li>
<li>注册手机号码邮箱</li>
<li>注册VIP邮箱</li>
</ul> -->
<div class="d">
<span>*邮件地址</span>
<input type="text" name="">&nbsp@
<tr>
<select>
<option>163.com</option>
<option>164.com</option>
<option>165.com</option>
<option>166.com</option>
<option>167.com</option>
</select>
</tr>
<p class="d1">6~18个字符，可以使用字母、数字、下划线、需以字母开头</p>

<span>*密码</span>
<input type="text" name="">
<p class="d1">6~16个字符，区分大小写</p>

<span>*确认密码</span>
<input type="text" name="">
<p class="d1">再次确认密码</p>

<span>*手机号码</span><select><option>中国</option><option>香港</option></select><input type="text" value="+86-">
<p class="d1">忘记密码时，可以通过该手机号码快速找回密码</p>

<span>*验证码</span>
<input type="text" name=""><input type="text" name="" value="cfd554" style="width: 60px; text-align: center; background: yellow;">&nbsp<a href="" style="font-size: 8px;">看不清？换一下</a>
<p class="d1">请填写文本框中的字符，不区分大小写</p>
<button>免费获取验证码</button>
<p></p>


<span>*短信验证码</span><input type="text" name="">
<p class="d1">请查收手机短信，并填写短信中的验证码</p>


<tr>
<td>
<input type="checkbox" />同意"服务条款"和"隐私权相关政策"
</td>
</tr>

<br>
<button style="background: green;">立即注册</button>

</div>



</div>
	
</body>
</html>